<!DOCTYPE html>
<html lang="sv">
    <head>
        <meta charset="utf-8">
        <title>Galleria Fullscreen Theme Demo</title>
        <script src="jquery.js"></script>
        <script src="galleria/galleria-1.2.6.min.js"></script>
    </head>
<body>
    <div id="galleria" style="height: 500px;">
        <a href="images/1.jpg">
        	<img title="Locomotives Roundhouse"
        	     alt="Steam locomotives of the Chicago &amp; North Western Railway."
        	     src="images/1.jpg">
    	</a>
        <a href="images/2.jpg">
            <img title="Icebergs in the High Arctic"
                 alt="”The debris loading isn't particularly extensive, but the color is usual.”"
                 src="images/2.jpg">
        </a>
        <a href="images/3.jpg">
            <img title="Araña"
                 alt="Xysticus cristatus, A Estrada, Galicia, Spain"
                 src="images/3.jpg">
        </a>
        <a href="images/4.jpg">
            <img title="Museo storia naturale"
                 src="images/4.jpg">
        </a>
    </div>
    <script>
	Galleria.TOUCH = 1;
    // Load fullscreen theme
    Galleria.loadTheme('galleria/themes/classic/galleria.classic.min.js');
    // Intialize Galleria
    $('#galleria').galleria({"thumbEventType":"mouseover", imageCrop:'height'});
	</script>
    </body>
</html>
